/*
 * @Author: xiaosihan 
 * @Date: 2024-07-14 20:22:24 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-10-06 01:57:37
 */

import { autorun } from "mobx";
import { ReactNode, useEffect, useRef } from "react";
import styles from "./adminLogin.module.less";
import img1PNG from "./img1.png";
import img2PNG from "./img2.png";
import img3PNG from "./img3.png";
import img4PNG from "./img4.png";
import img5PNG from "./img5.png";
import LoginBox from "./LoginBox/LoginBox";

interface Iprops {
    children?: ReactNode
}

// 工厂端登录
export default function AdminLogin() {

    const dom = useRef<HTMLDivElement | null>(null);
    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }, { delay: 10 }), []);

    return (
        <div className={styles.adminLogin} >
            <span className={styles.title} >刻澜波工 运营平台</span>
            {/* <span className={styles.subTitle} >与我们的全球客户群建立有价值的关系，获得更多订单，赚取更多利益。</span> */}

            <img alt="" src={img1PNG} className={styles.img1} />
            <img alt="" src={img2PNG} className={styles.img2} />
            <img alt="" src={img3PNG} className={styles.img3} />
            <img alt="" src={img4PNG} className={styles.img4} />
            <img alt="" src={img5PNG} className={styles.img5} />

            <LoginBox />
        </div>
    );

}